@media (min-width: 750px) {

    .service-cooperation-content {
        padding-top: 62px;

        .cooperation-content {
            margin-top: 58px;

            .step-box {
                background-color: #fff;
                position: relative;
                padding: 38px 30px;
                display: flex;

                .border-icon {
                    width: 16px;
                    height: 16px;
                    position: absolute;
                }

                .border-icon-top-left {
                    top: 0;
                    left: 0;
                    border-top: 2px solid #5486EA;
                    border-left: 2px solid #5486EA;
                }

                .border-icon-top-right {
                    top: 0;
                    right: 0;
                    border-top: 2px solid #5486EA;
                    border-right: 2px solid #5486EA;
                }

                .border-icon-bottom-left {
                    bottom: 0;
                    left: 0;
                    border-bottom: 2px solid #5486EA;
                    border-left: 2px solid #5486EA;
                }

                .border-icon-bottom-right {
                    bottom: 0;
                    right: 0;
                    border-bottom: 2px solid #5486EA;
                    border-right: 2px solid #5486EA;
                }

                .step-item {
                    flex: 1;
                    display: flex;
                    align-items: center;

                    .step-bg {
                        width: 120px;
                        height: 186px;
                        vertical-align: top;
                    }

                    .item-icon {
                        width: 30px;
                        height: 30px;
                        vertical-align: top;
                    }

                    .item-icon-2 {
                        width: 35px;
                        height: 24px;
                        vertical-align: top;
                    }

                    .item-icon-3 {
                        width: 35px;
                        height: 37px;
                        vertical-align: top;
                    }

                    .item-icon-4 {
                        width: 35px;
                        height: 31px;
                        vertical-align: top;
                    }

                    .item-icon-5 {
                        width: 37px;
                        height: 37px;
                        vertical-align: top;
                    }

                    .item-text {
                        margin-top: 20px;
                        font-size: 10px;
                        line-height: 14px;
                        color: #333;
                    }
                }
            }

            .advertisement-box {
                margin-top: 79px;

                .advertisement-icon {
                    width: 100%;
                    height: 415px;
                }
            }
        }
    }
}

@media (max-width: 750px) {
    .service-cooperation-content {

        .cooperation-content {
            margin-top: 18px;

            .step-box {
                background-color: #fff;
                position: relative;
                padding: 10px 0 0 0;
                display: flex;

                .border-icon {
                    width: 16px;
                    height: 16px;
                    position: absolute;
                }

                .border-icon-top-left {
                    top: 0;
                    left: 0;
                    border-top: 2px solid #5486EA;
                    border-left: 2px solid #5486EA;
                }

                .border-icon-top-right {
                    top: 0;
                    right: 0;
                    border-top: 2px solid #5486EA;
                    border-right: 2px solid #5486EA;
                }

                .border-icon-bottom-left {
                    bottom: 0;
                    left: 0;
                    border-bottom: 2px solid #5486EA;
                    border-left: 2px solid #5486EA;
                }

                .border-icon-bottom-right {
                    bottom: 0;
                    right: 0;
                    border-bottom: 2px solid #5486EA;
                    border-right: 2px solid #5486EA;
                }

                .step-item {
                    flex: 1;
                    display: flex;
                    align-items: center;

                    .step-bg {
                        width: 60px;
                        height: 69px;
                        vertical-align: top;
                    }

                    .item-icon {
                        width: 15px;
                        height: 15px;
                        vertical-align: top;
                    }

                    .item-icon-2 {
                        width: 35px;
                        height: 24px;
                        vertical-align: top;
                    }

                    .item-icon-3 {
                        width: 35px;
                        height: 37px;
                        vertical-align: top;
                    }

                    .item-icon-4 {
                        width: 35px;
                        height: 31px;
                        vertical-align: top;
                    }

                    .item-icon-5 {
                        width: 37px;
                        height: 37px;
                        vertical-align: top;
                    }

                    .item-text {
                        margin-top: 10px;
                        font-size: 4px;
                        line-height: 6px;
                        color: #333;
                    }
                }
            }

            .advertisement-box {
                margin-top: 24px;

                .advertisement-icon {
                    width: 100%;
                    height: 143px;
                }
            }
        }
    }
}